<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@1,300&display=swap" rel="stylesheet">
    <meta charset="UTF-8">
    <title>FreeLanding</title>
    <link rel="stylesheet" type="text/css" href="FreeLanding.css">
    <style>


    </style>
</head>
<body>
<div class="wrapper">
    <header class="header">
        <div class="header_content_container">
            <div class="header_menu menu">
                <div class="menu_icon icon-menu">
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
                <nav class="menu_body">

                    <ul>
                        <li>  <a href="" class="menu_link">Home</a></li>
                        <li> <a href="#About_me" class="menu_link">About me</a></li>
                        <li> <a href="#Skills" class="menu_link">Skills</a></li>
                        <li><a href="#Portfolio" class="menu_link">Portfolio</a></li>
                        <li><a href="#Contact" class="Contacts">Contacts</a></li>
                    </ul>

                </nav>
            </div>
        </div>
    </header>
    <main class="page">
<p class="Denis">
    Denis<br> Novik
</p>
        <p class="Designer">
            UX | UI designer <Br>
            24 years old, Minsk
        </p>
        <p class="Photo-Denis">
        <img src="Icons/BSPP2266.png">
    </p>
    </main>
    <main class="About_me">
        <a name="About_me"></a>
         <p class="About">
            About me
        </p>
        <p>
            Hi, I'm Denis – UX/UI designer from Minsk.<br>
            I'm interested in design and everything connected with it.<br><br><br>

            I'm studying at courses "Web and mobile design<br>
            interfaces" in IT-Academy.<br><br><br>

            Ready to implement excellent projects<br>
            with wonderful people.<br><br><br>
        </p>
    </main>
    <a name="Skills"></a>
<div class="Skills">

    <h1>Skills</h1>
    <p>
        I work in such programs as
    </p>
    <div class="programmes">
        <div class="Photoshop">
<img src="Icons/Photoshop.png">
   <p>
       Adobe<br> Photoshop
   </p>
            <div class="rating-mini">
                <span class="active"></span>
                <span class="active"></span>
                <span class="active"></span>
                <span class="active"></span>
                <span></span>
            </div>
        </div>
        <div class="Illustrator">

<img src="Icons/Illustrator.png">
            <p>
                Adobe <br>Illustrator
            </p>
            <div class="rating-mini">
                <span class="active"></span>
                <span class="active"></span>
                <span class="active"></span>
                <span></span>
                <span></span>
            </div>
        </div>
        <div class="After_Effects">
<img src="Icons/After_Effects.png">
            <p>
                After <br> Effects
            </p>
            <div class="rating-mini">
                <span class="active"></span>
                <span class="active"></span>
                <span class="active"></span>
                <span class="active"></span>
                <span></span>
            </div>
        </div>
        <div class="Figma">
<img src="Icons/Figma.png">
            <p>
                Figma <br><br>
            </p>
            <div class="rating-mini">
                <span class="active"></span>
                <span class="active"></span>
                <span class="active"></span>
                <span class="active"></span>
                <span></span>
            </div>
        </div>

    </div>
</div>
</div>
<a name="Portfolio"></a>
<div class="Portfolio">
    <h1>
        Portfolio
    </h1>
    <div class="Portfolio_list">
    <div class="first_Portfolio">
        <img src="Icons/1_Portfolio.png">
<p>
    Online fashion store - Homepage
</p>
    </div>
<div class="second_Portfolio">
    <img src="Icons/2_Portfolio.png">
    <p>
        Reebok Store - Concept
    </p>
    </div>
    <div class="third_Portfolio">
        <img src="Icons/3_Portfolio.png">
      <p>
          Braun Landing Page - Concept
      </p>
    </div>
</div>
</div>
<a name="Contact"></a>
<div class="Contact">
    <h1>
        Contacts
    </h1>
    <p>
        Want to know more or just chat?<br>
        You are welcome!
    </p>
    <div class="Messages">
        <img src="Icons/chip.png">
        <a href="https://vk.com/ikohido" target="_blank">Send Message</a>
    </div>
    <div class="Social">
        <img src="Icons/Socials.png">
        <p>
            Like me on <br> LinkedIn, Instagram, Behance, Dribble
        </p>
    </div>
</div>
</body>
</html>